
import HomePage_HeaderMenuComponent_TabComponent from "./component/tab"
import lessModule from "./index.module.less"
import logoImage from "../../../../assets/image/homePage-headerMenu-logo.png"
import borderImage from "../../../../assets/image/homePage-headerMenu-border.png"
import HomePage_HeaderMenuComponent_DateTimeComponent from "./component/dateTime"
import HomePage_HeaderMenuComponent_UserComponent from "./component/user"
// 主页-头部菜单组件
const HomePage_HeaderMenuComponent: React.FC = () => {

    return (
        <div className={lessModule["homePageHeaderMenuComponent"]}>
            <div className={lessModule["homePageHeaderMenuComponent-logo"]}>
                <img src={logoImage} />
                <span className={lessModule["homePageHeaderMenuComponent-logo__title"]}>电网主变直流偏磁智能监测系统</span>
                <img src={borderImage} />
            </div>
            <div className={lessModule["homePageHeaderMenuComponent-right"]}>
                <HomePage_HeaderMenuComponent_TabComponent />
                <HomePage_HeaderMenuComponent_DateTimeComponent />
                <HomePage_HeaderMenuComponent_UserComponent />
            </div>
        </div>
    )
}


export default HomePage_HeaderMenuComponent